<template>
  <div class="box">
    <Headermendian class="headermendian" />
    <div class="content-box">
      <Navmendian class="Navmendian" />
      <Bannermendian class="Bannermendian" />
      <Goodsmendian class="goodsmendian" />
    </div>

    <Myfooter class="myfooter" />
  </div>
</template>

<script>
import Headermendian from "../components/Headermendian";
import Navmendian from "../components/Navmendian";
import Bannermendian from "../components/Bannermendian";
import Goodsmendian from "../components/Goodsmendian";
import Myfooter from "../components/Myfooter";
// import Search from "../components/Search";

export default {
  name: "Mendian",
  components: {
    Headermendian,
    Navmendian,
    Bannermendian,
    Goodsmendian,
    Myfooter,
  },
};
</script>

<style scoped>
.box {
  width: 100%;
  height: 100%;
}
.headermendian {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 999;
}
.myfooter {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.content-box{
  padding-top: 0.4rem;
  padding-bottom: 0.55rem;
}
</style>
